import { createRouter, createWebHistory } from "vue-router";
import HomeView from "@/views/HomeView.vue";

// @ts-ignore
// @ts-ignore
// @ts-ignore
// @ts-ignore
const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: [
        {
            path: "/",
            name: "home",
            component: HomeView,
            meta: {
                index: 1
            }
        },
        {
            path: "/site",
            name: "site",
            component: () => import("@/views/SiteView.vue"),
            meta: {
                index: 2
            }
        },
        {
            path: "/tool",
            name: "tool",
            component: () => import("@/views/ToolView.vue"),
            meta: {
                index: 3
            }
        },
        {
            path: "/soft",
            name: "soft",
            component: () => import("@/views/SoftView.vue"),
            meta: {
                index: 4
            }
        },
        {
            path: "/setting",
            name: "setting",
            component: () => import("../views/SettingView.vue"),
            meta: {
                index: 5
            }
        },
        {
            path: "/about",
            name: "about",
            // route level code-splitting
            // this generates a separate chunk (About.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import("../views/AboutView.vue"),
        },
    ],
});

export default router;
